@import './public.less';
.fixed_box{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}
.body_swiper{
    position: relative;background: #000;
    width: 100%;
    max-width: 750px;margin: 0 auto;
    height: 100%;min-height: 100vh;
    overflow-y: scroll;
}
.body_swiper::-webkit-scrollbar {display: none;}/*隐藏滚动条*/
.body_content{position: absolute;width: 100%;height: auto;z-index: 10;}
.banner_bg{position: absolute;width: 100%;z-index: 0;}
.index_detail{float: left;margin-top:65%;width:100%;height:auto;}
.index_tips{float: left;margin-top:10px;margin-left:2%;margin-top:1vh;width:96%;height:auto;}
.index_input_box{
    float: left;
    margin-top:10px;
    width:100%;
    height:auto;
    .index_input{
        width:200px;height:100px;margin: 0 auto;
        background:url('../images/index_input_bg.png') no-repeat center top;
        background-size:100%;position: relative;
        input{
            position: absolute;left: 50%;top:50%;
            width: 140px;height: 22px;
            margin-top: -28px;margin-left: -70px;
            text-align: center;
            font-size: 16px;
            color: #757575;
            background: none;
        }
        .index_getNumber{
            position: absolute;
            bottom:0;
            text-align: center;
            width:100%;height:25px;line-height: 25px;
            font-size:18px;
            font-family:PingFangSC-Semibold;
            font-weight:600;
            color:rgba(188,255,245,1);
            line-height:25px;
            span{
                border-bottom: 1px solid rgba(188,255,245,1);
            }
        }
    }
}
.index_btn_box{float: left;margin-top:20px;width:100%;height:auto;text-align: center;
    img{width: 130px;margin: 0 auto;}
}
.index_txt_box{
    float: left;margin-top:10px;margin-bottom: 20px;
    width:100%;text-align: center;
    font-size:14px;font-family:PingFang-SC-Medium;font-weight:500;
    color:rgba(188,255,245,1);height:20px;line-height:20px;
    .look_more{
        color: #4CEEFF;border-bottom: 1px solid #4CEEFF;
    }
    .page2_sx{
        display: inline-block;
        float: right;margin-right: 30px;
        padding-left:20px;
        background: url('../images/icon_sx.png') no-repeat left center;
        background-size:16px;
    }
}
.index_linear_bg{
    float: left;margin-top:20px;height: auto;
    width: 96%;margin-left: 2%;margin-bottom:30px;
    border-radius: 8px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));  
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));  
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));  
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));  
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));  
    background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));  
    
}
.index_user_list{
    float: left;margin-top:10px;height: auto;
    width: 96%;margin-left: 2%;margin-bottom: 20px;
    li{
        float: left;
        width: 10%;
        margin-right: 1%;
        text-align: center;
        img{
            width: 90%;
        }
    }
    li:first-child{
        margin-left:0.5%;
    }
    li:last-child{
        margin-right:0.5%;
    }
}
.index_first_list{
    float: left;margin-top:10px;height: auto;
    width: 96%;margin-left: 2%;margin-bottom: 20px;
    overflow-y: hidden;
    position: relative;
    span{
        position: absolute;margin-left:0.5%;z-index: 50;
    }
    ul{
        min-width: 100%;
    }
    li{
        float: left;
        width: 15%;border-radius: 50%;
        text-align: center;
        position: relative;
        img{
            width:100%;
        }
        overflow: hidden; 
    }
    li::before{
        display: block;
        position: absolute;content: '';z-index: -1;
        width: 100%;
        height: 100%;
        background: url('../images/icon_user.png') no-repeat center center;
        background-size:100%;
        
    }
}
// .index_first_list::-webkit-scrollbar {display: none;}/*隐藏滚动条*/
.fixed_alert{
    position: fixed;display: none;
    left: 0;top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    .alert_content{
        position: fixed;left: 50%;top:50%;
        width: 344px;margin-left: -172px;
        height: 110px;margin-top: -55px;
        img{
            position: absolute;left: 0;top:0;
            width: 100%;
        }
        p{
            position: absolute;left: 0;top:0; 
            width: 344px;
            height: 110px;line-height: 110px;
            color: #4CEEFF;text-align: center;
        }
    }
}
.fixed_alert_success{
    display: none;
    position: fixed;
    left: 0;top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    .alert_content{
        position: fixed;left: 50%;top:50%;
        background: #fff;border-radius: 8px;
        width: 300px;margin-left: -152px;
        height:320px;margin-top: -160px;
        text-align: center;
        img{
            width: 160px;
        }
        p{
            margin-top: 20%;
            width:100%;
            height:40px;
            font-size:14px;
            font-family:PingFang-SC-Medium;
            font-weight:500;
            color:rgba(0,0,0,1);
            line-height:20px;
        }
        .close_btn{
            position: absolute;
            left: 50%;margin-left: -20px;
            bottom:-104px;
            width: 40px;
            height: 40px;
        }
    }
}